<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Index</title>
<script th:src="@{/static/js/jquery-3.3.1.js}"></script>
<script type="application/javascript">
$(function () {
   // alert("aaa");
});

</script>
</head>
<body>
    <p>hahahaahah</p>
    <p th:text="${aa}">eheheh</p>
    <p th:text="#{home.welcome}">eheheh</p>
    <p th:utext="#{home.welcome}">eheheh</p>
    <p th:attr="menuId=${aa}">eheheh</p>
    <ul>
        <li th:each="item : ${list}" th:attr="aa=${item.age}">
            年龄：<span th:text="${item.age}">100</span>,姓名：<span th:text="${item.name}">张三</span>
        </li>
    </ul>
    <ul>
        <li th:each="item : ${list}" th:object="${item}" th:attr="aa=${item.age}">
            年龄：<span th:text="*{age}">100</span>,姓名：<span th:text="*{name}">张三</span>
        </li>
    </ul>
    <p th:text="${today}">21111111</p>
    <ul>
        <li th:each="item : ${list}" th:utext="#{home.welcome(${item.name})}">
            Welcome Text,some one
        </li>
    </ul>
    <p th:text="|${cxt}${today}|">bbb</p>

    <p>Please select an option</p>
    <ol>
        <li><a href="product/list.html" th:href="@{/product/list|}">Product List</a></li>
        <li><a href="order/list.html" th:href="@{/order/list}">Order List</a></li>
        <li><a href="subscribe.html" th:href="@{/subscribe}">Subscribe to our Newsletter</a></li>
        <li><a href="userprofile.html" th:href="@{/userprofile}">See User Profile</a></li>
    </ol>
</body>
</html>